---
export interface Props {
  BasicList: any;
}

const { BasicList: BasicListValue } = Astro.props;
---

<div class="flex gap-3 flex-wrap">
  {
    BasicListValue.map((v) => (
      <a class="flex items-center !text-white gap-1" href={v.link}>
        {v.smallIcon && (
          <img class="!bg-transparent w-6 h-6" src={v.smallIcon} alt={v.name} />
        )}
        {v.name}
      </a>
    ))
  }
</div>
